<html>
<head>
<title>Teste aula 3 web design</title>
</head>
<body background="Image/Fundo.jpg">
<center><img src="Image/lOGO-NOVA-SOCRATES.png" width="300" height="224"></center>
<img src="Image/Barra menu.png">

<center><p><font face="Arial Black, Gadget, sans-serif" align="center" color="#000000">Teste de lista em sites usando HTML com o professor pierro do canal Design Criativo usando as tags ol, li no comeco e pra fechar o li usando il, espaco abaixo do li eu fecho o ol.</center></p></font>
<center><h1>Lista teste de programas</h1></center>	
    <ol>
    	<li>Fireworks<il>
        <li>Photoshop<il>
        <li>Corel Draw X7<il>
    </ol>
<center><p>Usei a tag "ol" para lista ordenada, e dentro do OL criei o "li" digitei, e finalizei com "il" sem a barra.</p></center>
<img src="Image/Aula 3 lista ordenada.png" width="1920" reigth="1080"/><br>
<center><h1>Lista teste desordenada</h1></center>
<h3>Jogos</h3>	
    <ul type="disc">
    	<li>The Witcher 3<il>
        <li>Battlefield 3<il>
        <li>Battlefield 4<il>
        <li>Battlefield hardline<il>
    </ul>
<center><p><font face="Arial Black, Gadget, sans-serif" color="#000000">Usei as tags "ul" para linhas desordenadas e usei o mesmo esquema "li" e fechando com"il" (sem barra) e dentro do "ul" usei o typo, que foi disc.</p></center></font>
<img src="Image/Aula 3 lista desordenada.png" width="1920" height="1080"/><br>
<center><table border="2">
	<caption>Nota dos jogos</caption>
    	<th width="10%">Nota/Jogos</th>
    	<th>The witcher 3</th>
    	<th>Battlefield 4</th>
    	<th>Battlefield hardline</th>
    	<th>Skyrim</th>
	<tr>
    	<th>Notas</th>
        <th>8.1</th>
        <th>10</th>
        <th>9</th>
        <th>8</th> 
</table></center>       
<center><p>Usei a tag "Table border="2" para abrir uma tabela com bordas de dois pixels, o titulo usei a tag "Caption" dentro do table e dentro do caption usei a tag "TD" para nao ficar em negrito, e sucessivamente usei a tag "TH" para ficar em negrito, eu segui uma ordem, por exemplo, "Notas/jogos" em baixo de Notas, entao, na primeira linha tenho que por "Notas/Jogos" e sucessivamente usar os "TH" para completar o resto da linha, dei a proxima coluna com a TAG "TR" Dentro da "TR" coloquei primeiramente "notas", para ficar em baixo de "notas/jogos", para ficar tipo tabela mesmo.</p></center>       	       	
    <center><p>"TH=NEGRITO"
    		"TD= NORMAL"
            "TR= COLUNA"
            "CAPTION= TITULO"
            OBS: Sempre fechar essas tags com /</p></center>
</body>
</html>